require('normalize.css/normalize.css');
require('styles/App.css');

import styles from '../styles/News.css';
import React, {Component} from 'react';
import {Form, Row, Col, Icon, Layout, Table} from 'antd';

const {Content, Footer} = Layout;
const FormItem = Form.Item;
import HeaderMin from './HeaderMin'
import FooterMin from './FooterMin'
let In8 = require('../sources/in8/zh_cn');


const news_4_msg =In8.News_4.news_4_msg // `《圣域三国》等级礼包全面改革助你升级无忧`;
const time = In8.News_4.time // `【活动时间】：2017年5月17日更新后`;
const content = In8.News_4.content //  `【活动内容】：：玩家在升级到相应等级时，可以在包裹打开丰厚的等级礼包，更可以获得升级助力，助你升级无忧!`;
const price = In8.News_4.price; //  `【奖励内容】：`;
const columns = In8.News_4.columns;
/* [{
  title: '礼包名称',
  dataIndex: 'name',
  key: 'name',
}, {
  title: '物品名词',
  dataIndex: 'item',
  key: 'age',
}];
*/
const data = In8.News_4.data;
/*[
  {
    key: '1',
    name: '5级礼包',
    item: `淡红色凝血晶石*1；单体的魔光磁石*1；杂粮鱼饵*10；装备鉴定-第1卷*5；黄金VIP象征(1天)*1；血之心*5；独角兽+5(1天)*1`,
  },{
    key: '2',
    name: '10级礼包',
    item: `下品鱼汤*20鱼肉馅饼*20铁血药剂*5夹克-男(1天)*1头带-男(1天)*1牛仔夹克-女(1天)*1牛仔帽-女(1天)*1初级血之容器*1`,
  },{
    key: '3',
    name: '15级礼包',
    item: `装备鉴定-第1卷*5；玫红色凝血晶石*1；分散的魔光磁石*1；初级血之容器*2；黄金VIP象征(1天)*1；金刚钻*5`,
  },{
    key: '4',
    name: '20级礼包',
    item: `20级佣兵令(橙)*1；成长药剂*1；王国传送卷*20；中品鱼汤*20；清焖鲢鱼*20；奥丁红宝石(+6效果)*1；公会材料箱*1`,
  },{
    key: '5',
    name: '30级礼包',
    item: `	奥丁红宝石(+6效果)*1；一级强化蓝宝石*5；兽魂之石*1；装备鉴定-第2卷*10；黄金VIP象征(1天)*1；遗忘泉水*1；美味鱼汤*20；金枪鱼三明治*20`,
  }
];*/

class News_4 extends Component {
  constructor(props) {
    super(props);
    this.state = {
      current: 'mail'
    }
    console.log("this.props", this.props);
  }

  render() {
    const {getFieldDecorator} = this.props.form;
    return (
      <Layout className="layout" style={{minWidth: '1024px'}}>
        <HeaderMin/>

        <Content style={{minHeight: '750px', backgroundColor: '#f4f4f4'}}>
          <Row type="flex" justify="center">
            <Col span={12} style={{backgroundColor: 'white', color: 'black', marginTop: '2%', minHeight: '600px'}}>
              <h2 className={styles.News_1_head}>
                <b>{news_4_msg}</b>
              </h2>
              <div className={styles.news_info}>
                <span>{time}</span>
                <p>{time}</p>
                <p>{content}</p>
                <p>{price}</p>
                <Table columns={columns} dataSource={data}  pagination={false}/>
              </div>

            </Col>
          </Row>

        </Content>
        <Row style={{marginTop: '1%'}}>
          <FooterMin/>
        </Row>
      </Layout>
    );
  }
}
export default Form.create()(News_4);
//News.defaultProps =  Form.create()(News);;

//export default News;
